/*1918 1077*/
/*550 240*/
.box1{
  width: 100%;
  height: 96%;
  /*background: rgb(5, 16, 34);*/
  color: white;
  padding-top: 2.2222vh;
}

.box2{
  position: relative;
  z-index: 100;
  height: 63px;
  width: 170px;
  background: url("/static/img/menu01.png")no-repeat;
  cursor: pointer;
}
.data{
  width: 100%;
  height: 22.284vh;
}
.data > i{
  margin-top: 2px;
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right,rgb(16, 142, 197),rgb(5, 16, 34));
}
.data-top{
  border-top: solid 1px ;
  border-bottom: solid 1px ;
  border-left: solid 1px;
  position: relative;
  display: flex;
  align-items: center;
  height: 4vh;
  width: 100%;
  background: linear-gradient(90deg, rgb(19 115 138) 0%, rgba(2, 21, 38,0.8) 100%);
  border-image: linear-gradient(93deg, rgba(22, 152, 252, 0.8), rgba(22, 152, 252, 0)) 1 1;
}
/*第一款样式*/
/*.data-top::before{*/
/*  content: '';*/
/*  position: absolute;*/
/*  right: -4px;*/
/*  top: -1px;*/
/*  height: 112%;*/
/*  width: 3px;*/
/*  border: solid 1px rgb(19, 100, 128);*/
/*  border-left: none;*/
/*}*/
/*.data-top::after{*/
/*  content: '';*/
/*  position: absolute;*/
/*  right: -8px;*/
/*  top: 33%;*/
/*  height: 35%;*/
/*  width: 2px;*/
/*  border: solid 1px rgb(169, 159, 71);*/
/*  border-radius: 1px;*/
/*  background: rgb(169, 159, 71);*/
/*}*/
.data-top i{
  display: block;
  width: 25px;
  height: 25px;
  background: url("/static/img/topIcon.svg")no-repeat center;
  margin:  auto 5px;
  background-size: 100%;
}

.data-top b{
  margin-left: 8px;
  width: 40%;
  font-size: 1vw;
  font-weight: bold;
  color: rgba(255,255,255,0.8);
}
/*初版标题样式*/
/*.data-top ul{*/
/*  display: flex;*/
/*  height: 100%;*/
/*  width: 54%;*/
/*  align-items: center;*/
/*  flex-direction: row;*/
/*  justify-content: flex-end;*/
/*}*/
/*.data-top ul li{*/
/*  margin: 0 2px;*/
/*}*/
/*.data-top ul li:first-child{*/
/*  width: 2px;*/
/*  height: 2px;*/
/*  border-radius: 50%;*/
/*  background: rgb(1, 238, 253);*/
/*}*/
/*.data-top ul li:nth-child(2){*/
/*  width: 4px;*/
/*  height: 4px;*/
/*  border-radius: 50%;*/
/*  background: rgb(1, 238, 253);*/
/*}*/
/*.data-top ul li:nth-child(3){*/
/*  width: 6px;*/
/*  height: 6px;*/
/*  border-radius: 50%;*/
/*  background: rgb(1, 238, 253);*/
/*}*/

.data-content{
  width: 100%;
  height: 16.5vh;
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*margin-top: 3px;*/
}
.topIconRT{
  width: 16px;
  height: 2px;
  background: url("/static/img/topIconRT.svg") no-repeat center ;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.topIconRB{
  width: 56px;
  height: 2px;
  background: url("/static/img/topIconRB.svg") no-repeat center ;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.data-content2{
  width: 101% !important;
  height: 100%;

}
.box1-content-left .data-content2{
  margin-left: -0.5%;
  margin-top: -0.2%;
}
.box1-content-right .data-content2{
  margin-left: -0.25%;
  margin-top: -0.5%;
}
.left-frame{
  height: 100%;
  width: 8%;
}
.right-frame{
  height: 100%;
  width: 8%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.left-frame i{
  margin-bottom: 1px;
  display: block;
  width: 3px;
  height: 1px;
  border-bottom: 1px solid rgb(28, 65, 108);
  background: rgb(28, 65, 108);
}
.left-frame i:nth-child(1){
  width: 6px;
  magin-top: 3px;
}
.left-frame i:nth-child(4n+1){
  width: 6px;
}
.right-frame i{
  margin-bottom: 1px;
  display: block;
  width: 3px;
  height: 1px;
  border-bottom: 1px solid rgb(28, 65, 108);
  background: rgb(28, 65, 108);
}
.right-frame i:nth-child(1){
  width: 6px;
  magin-top: 3px;
}
.right-frame i:nth-child(4n+1){
  width: 6px;
}
.data-bottom{
  width: 100%;
  height: 5px;
  margin-top: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.data-bottom li{
  border-radius: 1px;
}
.data-bottom li:first-child{
  width: 8px;
  height: 5px;
  background:rgb(164, 221, 247) ;
}
.data-bottom li:last-child{
  width: 8px;
  height: 5px;
  background:rgb(164, 221, 247) ;
  margin-bottom: 1px;
}
.data-bottom li:nth-child(2){
  width: 43%;
  height: 3px;
  background: rgb(4, 88, 157);
}
.data-bottom li:nth-child(3){
  width: 3px;
  height: 3px;
  background: white;
  display: block;
  right: -7px;
  border-radius: 50%;
}
.data-bottom li:nth-child(8){
  width: 43%;
  height: 3px;
  background: rgb(4, 88, 157);
}
.data-bottom li:nth-child(7){
  width: 3px;
  height: 3px;
  background: white;
  display: block;
  left: -7px;
  border-radius: 50%;
}
.data-bottom li:nth-child(4){
  width: 10px;
  height: 3px;
  background: rgb(67, 106, 149);
}
.data-bottom li:nth-child(6){
  width: 10px;
  height: 3px;
  background: rgb(67, 106, 149);
}
.data-bottom li:nth-child(5){
  width: 10px;
  height: 3px;
  background: rgb(135, 210, 254);
  box-shadow: 0px 0px 4px 1px rgb(29, 85, 135);
}
.box1-content{
  display: flex;
  width: 96%;
  height: 100%;
  margin-left: 2%;
  justify-content: space-between;
}
.box1-content-left,.box1-content-right{
  width: 24vw;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.box1-content-left .data,.box1-content-right .data{
  margin-bottom: 1vh;
}
.soc{
  width: 100%;
}
/*.data.data_right .data-top{*/
/*  transform: rotateY(180deg);*/
/*}*/
/*.data.data_right .data-top b{*/
/*  transform: rotateY(180deg);*/
/*  width: 18%;*/
/*  padding-left: 22%;*/
/*}*/
/*.data.data_right .data-top .data-top-b{*/
/*  width: 23%;*/
/*  padding-left: 17%;*/
/*}*/

/*.top{*/
/*  width: 90%;*/
/*  padding-left:5%;*/
/*  height: 6.31vh;*/
/*  background: wheat;*/
/*}*/
/*.menuList{*/
/*  display: flex;*/
/*  height: 2.6vh;*/
/*  width: 34.5vw;*/
/*  justify-content: space-around;*/
/*  padding-top: 15px;*/
/*}*/
/*.menu{*/
/*  width: 6.213vw;*/
/*  height: 2.6vh;*/
/*  line-height: 3.4vh;*/
/*  background: wheat;*/
/*  position: relative;*/
/*  text-align: center;*/
/*  cursor: pointer;*/
/*}*/
/*.menu::before{*/
/*  position:absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  right: 0;*/
/*  content: '';*/
/*  background: #ddd;*/
/*  transform: skewX(45deg);*/
/*  border-style: none solid solid;*/
/*  border-width: 1px;*/
/*  border-bottom-width: 2px;*/
/*  border-color: rgb(35, 136, 223);*/
/*  border-bottom-color: rgb(43, 142, 208);*/
/*  background: linear-gradient(rgb(5, 18, 37),rgb(40, 147, 225));*/
/*}*/
/*.menu::after{*/
/*  position:absolute;*/
/*  bottom: 1px;*/
/*  content: '';*/
/*  width: 1%;*/
/*  height: 1%;*/
/*  box-shadow: 0px 0px 2px 1px white;;*/
/*  background: white;*/
/*}*/
/*.menu b{*/
/*  position: absolute;*/
/*  z-index: 5;*/
/*  color: white;*/
/*  font-size: 10px;*/
/*  left: 42px;*/
/*  bottom: -3px;*/
/*}*/
/*.menuList li:nth-child(3)::after{*/
/*  background: white;*/
/*}*/
